<template>
	<view class="container">
		<view class="main">
			<QSTabsWxsListRefresh ref="QSTabsWxsList" :height="height" type="order" :tabsSticky='true' refreshImage="/static/refresh.png" hasRefreshContainerheight="100vh - 128rpx"
			 minWidth="150rpx" swiperBackgroundColor="#fff" tabsBackgroundColor="#fff" :tabsBorderTop="true" :tabsBorderBottom="true" tabsColor="#f4f4f4" tabsBorderWidth="2rpx"></QSTabsWxsListRefresh>
		</view>
	</view>
</template>

<script>
	import QSTabsWxs from '@/components/QS-tabs-wxs-list/QS-tabs-wxs-list.vue';
	import QSTabsWxsListRefresh from '@/components/QS-tabs-wxs-list/QS-tabs-wxs-list-refresh.vue';
	export default {
		components: {
			QSTabsWxs,
			QSTabsWxsListRefresh
		},
		data() {
			return {
				heightTop: 128,
				height: 500,
				tabs: [{
						name: '全部',
						id: 0
					},
					{
						name: '待提交',
						id: 1
					},
					{
						name: '审核中',
						id: 2
					},
					{
						name: '未通过',
						id: 3
					},
					{
						name: '已完成',
						id: 4
					},	
				],
			}
		},
		onReady() {
			this.setTabs()
			this.height = wx.getSystemInfoSync().windowHeight - 64
		},
		mounted() {
		},
		methods: {
			back() {
				uni.navigateBack();
			},
			setTabs() {
				//接口获取tabs数组，使用ref调用setTabs方法传入
				//...获取tabs
				this.$refs.QSTabsWxsList.setTabs(this.tabs);
			},
		},
	}
</script>
<style>
	page {
		width: 100%;
		height: 100%;
		background: #F8F8F8;
	}
</style>
<style scoped lang="scss">
	.container {
		width: 100%;
		height: 100%;
		overflow: hidden;
		.tui-header-icon {
			width: 100%;
			position: absolute;
			top: 46rpx;
			padding: 0 12rpx;
			display: flex;
			align-items: center;
			height: 32px;
			transform: translateZ(0);
			z-index: 99999;
			box-sizing: border-box;
		}

		.main {
			position: absolute;
			width: 100%;
			top: 0rpx;
			left: 0;

		}
	}
</style>
